import axios from 'axios'
import { Toast } from 'vant'
import router from '@/router'
// 好处：
// 1. 这样写有一天突然不想用axios，直接换 其他文件不改
// 2. 扩展性更强

// 下面这样写的好处：便于代码扩展性 不用原始的axios,因为这个原始这个axios只有一个
// 而是基于原始的axios创建一个新的axios实例
const request = axios.create({
  baseURL: 'http://liufusong.top:8080', // 基地址
  timeout: 8000 // 设置超时时间
})

// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // 因为像收藏 点赞 面经 很多接口都是要token,写在请求拦截器
    // config.headers.Authorization = `Bearer ${getToken()}`
    // 在发送请求之前做些什么
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器
request.interceptors.response.use(
  function (response) {
    // 2xx 范围内的状态码都会触发该函数。
    // 对响应数据做点什么
    return response.data
  },
  function (error) {
    // 解决token过期的问题
    if (error.response.status === 401) {
      // removeToken() // 把过期的token销毁掉
      router.push('/login')
      return
    }
    // 为了代码的健壮性 鲁棒性
    if (error.response && error.response.data) {
      Toast.fail(error.response.data.message)
    }
    // 超出 2xx 范围的状态码都会触发该函数。
    // 对响应错误做点什么
    return Promise.reject(error)
  }
)

export default request

// 只有组件中才有this,在其他js文件中如果想用router,vant中的toast必须要先导入才可以使用
// import router from '@/router'
// setTimeout(() => {
//   router.push('/login')
// }, 5000)
